import React, {Component} from 'react';
import {Text, View, Image, ScrollView} from 'react-native';
import {WingBlank, Flex} from '@ant-design/react-native';
import Video from 'react-native-video';

export default class GetParkInfo extends Component {
    static navigationOptions = {
        title: '怎样得车位',
    };

    render() {
        return (
            <ScrollView style={{flex: 1}}>
                <Flex style={{width: '100%', height: 200}}>
                    <Video
                        style={{width: '100%', height: '100%'}}
                        resizeMode="contain"
                        paused
                        controls
                        source={{uri: 'http://1301076982.vod2.myqcloud.com/a804d64fvodtranscq1301076982/baa051915285890806762649133/v.f100810.mp4'}}
                    />
                </Flex>
                <View style={{backgroundColor: '#FFFFFF'}}>
                    <WingBlank size={'lg'}>
                        <Text style={{marginTop: '5%', fontSize: 18}}>"怎样得车位"视频讲解</Text>
                        <Flex direction="row" align="center" style={{marginBottom: 10}}>
                            <Flex direction="row" align="center" justify="center" style={{marginTop: 5}}>
                                <Image style={{width: 15, height: 15}} source={require('~/assets/my/time2x.png')} />
                            </Flex>
                            <Flex direction="row" align="center" justify="center" style={{marginLeft: '2%', marginTop: 5}}>
                                <Text style={{color: '#999999'}}>发布时间:2020-08-10</Text>
                            </Flex>
                            <Flex direction="row" align="center" justify="center" style={{marginLeft: '5%', marginTop: 5}}>
                                <Image style={{width: 15, height: 15}} source={require('~/assets/my/bro2x.png')} />
                                <Text style={{color: '#999999', marginLeft: 5}}>5628次播放</Text>
                            </Flex>
                        </Flex>
                    </WingBlank>
                </View>
                <View style={{flexDirection: 'column', backgroundColor: '#FFFFFF', marginTop: 20}}>
                    <WingBlank size={'lg'}>
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>1</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>得车位？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>就是您在AAP上选中，交了定金，并与开发商签约的哪个车位。</Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>2</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>什么时候得车位？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>待您办理完相关手续，开发商收到车位款，就正式将车位移交给您。</Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>3</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>车位是否有产权？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>
                            车位的产权事宜，开发商会在合同中注明。无产权车位，合同都会约定让您长期使用，通常使用年限与住宅年限一致。
                        </Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>4</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>为什么说是免费得车位呢？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999', marginBottom: 20}}>
                            因为在“免费送车位”商业模式下，业主获得的权益价值要远远大于车位本身的价值。
                        </Text>
                    </WingBlank>
                </View>
            </ScrollView>
        );
    }
}
